<template>
    <div class="wrap-input">
        <span class="lable-name">{{ label }}</span>
        <el-input ref="refInput" :clearable="clearable"></el-input>
    </div>
</template>
<script setup lang="ts">
import { defineProps } from "vue";
defineProps({
    label: {
        type: String,
        default: "名字",
    },
    clearable: {
        type: Boolean,
        default: true,
    },
});
</script>

<style lang="less" scoped>
.wrap-input {
    display: flex;
    align-items: center;
    justify-self: center;
}

.lable-name {
    width: 80px;
}
</style>
